    a {
        text-decoration: none;
        color: #333;
        font-size: .3333rem;
    }
    
    img input {
        vertical-align: middle;
    }
    
    input {
        outline: none;
        -webkit-appearance: none;
        border: none;
    }
    
    div {
        box-sizing: border-box;
    }
    
    article,
    aside,
    blockquote,
    body,
    button,
    code,
    dd,
    dialog,
    div,
    dl,
    dt,
    fieldset,
    figure,
    footer,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    header,
    hgroup,
    input,
    legend,
    li,
    nav,
    ol,
    p,
    pre,
    section,
    td,
    textarea,
    th,
    ul {
        margin: 0;
        padding: 0;
    }
    
    i {
        font-style: normal;
    }
    
    ul,
    ol,
    li {
        list-style: none;
    }
    
    @font-face {
        font-family: 'icomoon';
        src: url('../fonts/icomoon.eot?c6oeu6');
        src: url('../fonts/icomoon.eot?c6oeu6#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?c6oeu6') format('truetype'), url('../fonts/icomoon.woff?c6oeu6') format('woff'), url('../fonts/icomoon.svg?c6oeu6#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
    }
    /* body */
    
    body {
        min-width: 320px;
        max-width: 750px;
        width: 10rem;
        margin: 0 auto;
        line-height: 1.5;
        font-family: Arial, Helvetica, sans-serif;
        background-color: #f7f7f7;
    }
    /* 因为flexible是以屏幕的大小为基础进行10等份的，设计稿是750px，所以需要强制设置html的字体大小为75px，用到媒体查询 */
    /* 且由于不能被其他设置覆盖，强制升高等级，在后面加!important */
    
    @media screen and (min-width: 750px) {
        html {
            font-size: 75px!important;
        }
    }
    /* 顶部搜索框 */
    
    .search-wrap {
        display: flex;
        position: fixed;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 10rem;
        height: 1.1733rem;
        background-color: #fadb63;
        z-index: 10;
    }
    
    .search-wrap .classify,
    .search-wrap .login {
        display: block;
        width: .48rem;
        height: .8rem;
        margin: .1333rem .3333rem;
    }
    
    .search-wrap .classify img,
    .search-wrap .login img {
        width: 100%;
    }
    
    .search-wrap .search {
        flex: 1;
        position: relative;
    }
    
    .search-wrap .search .search-box {
        width: 100%;
        font-size: .3333rem;
        color: #999;
        line-height: .8667rem;
        border-radius: 1rem;
        background-color: #fff;
        margin-top: .1333rem;
        padding-left: .9333rem;
    }
    
    .search-wrap .search i {
        position: absolute;
        top: .3333rem;
        left: .2667rem;
        width: .48rem;
        height: .48rem;
        background: url(../image/search-icon.png) no-repeat;
        background-size: .48rem .48rem;
    }
    /* banner */
    
    .banner {
        width: 10rem;
        height: 4.9067rem;
        margin-top: 1.1733rem;
    }
    
    .banner img {
        width: 100%;
    }
    /* 广告部分 */
    
    .adverse {
        display: flex;
    }
    
    .adverse a {
        flex: 1;
    }
    
    .adverse a img {
        width: 100%;
    }
    /* nav部分 */
    
    .nav-wrap .nav {
        display: flex;
        flex-wrap: wrap;
        margin-top: .1333rem;
    }
    
    .nav-wrap .nav li {
        flex: 20%;
    }
    
    .nav-wrap .nav li a {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .nav-wrap .nav li a .enter-img {
        width: 1.12rem;
        height: 1.12rem;
    }
    
    .nav-wrap .nav li a .enter-title {
        font-size: .3333rem;
        color: #666;
        margin-top: .1333rem;
    }
    /* banner2 */
    
    .banner2 {
        margin-top: .2rem;
        margin-bottom: .2rem;
        width: 10rem;
        height: 2.2667rem;
    }
    
    .banner2 img {
        width: 100%;
    }
    /* 活动1 活动2 */
    
    .hot-wrap-wrap1 {
        border-radius: .2rem .2rem 0 0;
    }
    
    .hot-wrap-wrap2 {
        border-bottom: .004rem solid #ccc;
    }
    
    [class^="hot-wrap-wrap"] {
        display: flex;
        flex-wrap: wrap;
        margin: auto .3333rem auto .3333rem;
        background-color: #fff;
    }
    
    [class^="hot-wrap-wrap"] [class^="hot-wrap-hot"]:nth-child(2n - 1) {
        border-right: .004rem solid #ccc;
    }
    
    [class^="hot-wrap-wrap"] [class^="hot-wrap-hot"] {
        flex: 1;
        position: relative;
    }
    
    [class^="hot-wrap-wrap"] [class^="hot-wrap-hot"] .hot-title {
        font-size: .3467rem;
        padding-top: .1333rem;
        padding-left: .2rem;
    }
    
    [class^="hot-wrap-wrap"] [class^="hot-wrap-hot"] .hot-describe {
        font-size: .32rem;
        color: #999;
        display: block;
        padding-left: .2rem;
    }
    
    [class^="hot-wrap-wrap"] [class^="hot-wrap-hot"] .hot-img-wrap {
        display: flex;
        padding-left: .2rem;
    }
    
    [class^="hot-wrap-wrap"] [class^="hot-wrap-hot"] .hot-img-wrap a {
        flex: 1;
        position: relative;
        top: 0;
        left: 0;
    }
    
    [class^="hot-wrap-wrap"] [class^="hot-wrap-hot"] .hot-img-wrap a .hot-img {
        width: 80%;
    }
    
    [class^="hot-wrap-wrap"] [class^="hot-wrap-hot"] .hot-img-wrap a .img-describe {
        font-size: .2667rem;
        margin-left: .2rem;
        text-align: center;
    }
    
    [class^="hot-wrap-wrap"] [class^="hot-wrap-hot"] .hot-img-wrap a .img-describe .pre,
    [class^="hot-wrap-wrap"] [class^="hot-wrap-hot"] .hot-img-wrap a .img-describe .little {
        color: #F50;
    }
    
    [class^="hot-wrap-wrap"] [class^="hot-wrap-hot"] .hot-img-wrap a .img-describe .big {
        font-size: .2667rem;
        color: #F50;
    }
    
    [class^="hot-wrap-wrap"] [class^="hot-wrap-hot"] .hot-img-wrap a:nth-child(1) .hot-img {
        margin-right: .2rem;
    }
    /* 为你推荐 */
    
    .recommend {
        background-color: #fff;
        margin: auto .3333rem;
        height: 2.2933rem;
        border-radius: 0 0 0.2rem 0.2rem;
        display: flex;
    }
    
    .recommend .re-title {
        width: 2.3067rem;
        height: 2.2933rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .recommend .re-title h3 {
        width: 2.6rem;
        font-size: .3733rem;
        color: #444;
        margin-left: 1.2667rem;
        margin-top: .6667rem;
    }
    
    .recommend .re-title p {
        width: 2.3067rem;
        font-size: .3467rem;
        margin-left: 1.2rem;
        padding-top: .1333rem;
        color: #999;
    }
    
    .recommend .re-content ul {
        display: flex;
        flex-direction: row;
    }
    
    .recommend .re-content ul li {
        flex: 1;
        display: flex;
    }
    
    .recommend .re-content ul li a {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 0.2rem;
    }
    
    .recommend .re-content ul li a img {
        width: 70%;
    }
    
    .recommend .re-content ul li a span {
        font-size: .3333rem;
    }
    /* 推荐榜单 */
    
    .recommend-bd {
        width: 10rem;
    }
    
    .recommend-bd .bd-title {
        margin: .1333rem .3333rem auto .3333rem;
    }
    
    .recommend-bd .bd-title img {
        width: 100%;
    }
    
    .recommend-bd .bd-list .bd-top {
        display: flex;
        margin: .1333rem .3333rem auto .3333rem;
    }
    
    .recommend-bd .bd-list .bd-top a:nth-child(2) {
        margin: 0 .1333rem;
    }
    
    .recommend-bd .bd-list .bd-top a {
        display: flex;
        flex-direction: column;
        position: relative;
        border-radius: .2rem .2rem;
        background-color: #fff;
    }
    
    .recommend-bd .bd-list .bd-top a .pro-img {
        width: 2rem;
        height: 2rem;
        margin: 0.3rem auto 0.3rem auto;
    }
    
    .recommend-bd .bd-list .bd-top a .item-img {
        margin-top: .2rem;
        width: 3.0133rem;
        height: 1.24rem;
    }
    
    .recommend-bd .bd-list .bd-top a .renqibang {
        position: absolute;
        top: 2.6rem;
        left: .8rem;
        color: #e1a46e;
        border: 0.02rem solid #e1a46e;
        border-radius: 0.5rem;
        font-size: 0.32rem;
        padding: 0.02rem 0.2rem;
        background-color: #fff;
    }
    
    .recommend-bd .bd-list .bd-top a .bd-top-title {
        display: block;
        position: absolute;
        top: 2.7rem;
        left: .6rem;
        height: 1.4rem;
        line-height: 1.4rem;
        font-size: .3333rem;
        color: #fff;
    }
    
    .recommend-bd .bd-list .bd-top a .bd-top-desc {
        display: block;
        position: absolute;
        top: 3.0667rem;
        left: .6rem;
        height: 1.4rem;
        line-height: 1.4rem;
        font-size: .2667rem;
        color: #fff;
        opacity: 0.8;
    }
    
    .recommend-bd .bd-list .bd-bottom {
        display: flex;
        flex-wrap: wrap;
        width: 9.3333rem;
        border-radius: 0.2rem;
        background-color: #fff;
        margin: .2rem .3333rem auto .3333rem;
    }
    
    .recommend-bd .bd-list .bd-bottom a {
        flex: 50%;
        position: relative;
    }
    
    .recommend-bd .bd-list .bd-bottom a .bd-bottom-title-wrap {
        height: 0.6rem;
        line-height: 0.6rem;
        margin: 0.16rem auto auto 0.3rem;
    }
    
    .recommend-bd .bd-list .bd-bottom a .bd-bottom-title-wrap .bd-bottom-title {
        font-size: .3333rem;
        font-weight: 700;
        color: #333;
    }
    
    .recommend-bd .bd-list .bd-bottom a .bd-bottom-title-wrap .bd-bottom-tag {
        font-size: .2933rem;
        background-color: #f8f5ef;
        color: #a58246;
        border-radius: 0.3rem;
        padding: .0667rem .1333rem;
    }
    
    .recommend-bd .bd-list .bd-bottom a .bd-bottom-desc {
        position: absolute;
        top: .8rem;
        left: 0.3rem;
        color: #999;
        font-size: .2933rem;
    }
    
    .recommend-bd .bd-list .bd-bottom a .bd-bottom-img-wrap {
        display: flex;
        margin-right: 1rem;
    }
    
    .recommend-bd .bd-list .bd-bottom a .bd-bottom-img-wrap img {
        width: 50%;
        margin: .4667rem .0667rem auto .3333rem;
    }
    /* 猜你喜欢 */
    
    .guessUlike {
        width: 10rem;
    }
    
    .guessUlike .like-title img {
        width: 100%;
        margin-top: 0.2rem;
    }
    
    .guessUlike .like-list ul {
        display: flex;
        flex-wrap: wrap;
    }
    
    .guessUlike .like-list ul li:nth-child(2n - 1) a {
        margin: 0.2rem 0.05rem auto 0.2rem;
    }
    
    .guessUlike .like-list ul li:nth-child(2n) a {
        margin: 0.2rem .3333rem auto 0.05rem;
    }
    
    .guessUlike .like-list ul li {
        flex: 50%;
    }
    
    .guessUlike .like-list ul li a {
        display: flex;
        flex-direction: column;
        background-color: #fff;
        border-radius: 0.2rem;
        width: 4.56rem;
    }
    
    .guessUlike .like-list ul li a img {
        width: 100%;
        border-radius: 0.2rem 0.2rem 0 0;
    }
    
    .guessUlike .like-list ul li a .like-desc {
        margin: 0.16rem .1rem;
        font-size: .24rem;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
        overflow: hidden;
        font-weight: bold;
    }
    
    .guessUlike .like-list ul li a .like-tag {
        margin-left: 8px;
        font-size: .2133rem;
    }
    
    .guessUlike .like-list ul li a .like-tag img {
        margin: auto 0.06rem auto auto;
        width: .64rem;
        height: .32rem;
        vertical-align: middle;
        border-radius: 0.16rem;
    }
    
    .guessUlike .like-list ul li a .like-tag [class^="like-tag"] {
        background-color: #fefbef;
        border: 0.002rem solid #f6bd41;
        padding: .0267rem .0667rem;
        border-radius: 0.1rem;
        margin: auto 0.04rem;
        font-size: .2133rem;
    }
    
    .guessUlike .like-list ul li a .like-price {
        margin: 0.16rem auto auto .2rem;
        display: flex;
    }
    
    .guessUlike .like-list ul li a .like-price span {
        display: block;
        text-align: center;
        line-height: 0.72rem;
        margin-right: 0.16rem;
    }
    
    .guessUlike .like-list ul li a .like-price .like-price-tag {
        font-size: .2667rem;
        color: #ed5435;
    }
    
    .guessUlike .like-list ul li a .like-price .real-price {
        font-size: .2933rem;
        color: #ed5435;
        font-weight: bold;
    }
    
    .guessUlike .like-list ul li a .like-price .price-comments {
        font-size: .2667rem;
        color: #a3a4a3;
    }
    /* 底部图片 */
    
    .bottom-img {
        width: 10rem;
        height: 2.3067rem;
        background: #f7f7f7;
        margin-bottom: 1.6rem;
    }
    /* 底部按钮 */
    
    .bottom-btn {
        position: fixed;
        bottom: 0;
        width: 10rem;
        display: flex;
        justify-content: center;
        background-color: #fff;
        z-index: 10;
    }
    
    .bottom-btn a {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .bottom-btn a .img-btn {
        width: .64rem;
        height: 0.64rem;
        padding: .1333rem;
    }
    
    .bottom-btn a .btn-desc {
        font-size: .2667rem;
        margin-bottom: .1067rem;
    }
    /* 底部未登录显示 */
    
    .to-login {
        z-index: 10;
        position: fixed;
        bottom: 1.1733rem;
        opacity: 1;
    }
    
    .to-login img {
        width: 10rem;
        height: 1.2rem;
    }